<div class="container-fluid">
  <div class="container">
    <div class="grid">
      <div class="row">
        <div class="cell-12">
          <h1>quill Angular Demo</h1>
          <select data-role="select" [(ngModel)]="articleType">
            <option value="1">Microblog</option>
            <option value="2">Blog</option>
          </select>
          <input type="text" data-role="input" data-filter=false (data-prepend)="articleType==1?'Microblog':'Blog'"
            [(ngModel)]="title" />
          <br />
          <div *ngIf="articleType==2">
            <h2>正文</h2>
            <quill-editor [(ngModel)]="html"></quill-editor>
          </div>
          <button class="primary button" (click)="commitArticle(1)">Publish</button>
          <button class="primary button" (click)="commitArticle(2)">Draft</button>
        </div>
      </div>
    </div>
  </div>
</div>
<m4-dialog #dialog>
  <div dialog-title>dialog title</div>
  <div dialog-content>dialog content</div>
</m4-dialog>
